/**
 * Reducer 的拆分
 *
 *      redux 类似 vuex 是一个单仓库模型。如果项目比较大的话，会导致我们的代码不好维护，这时就需要
 *    对仓库做拆分。
 *
 *      vuex 中就是配置 modules
 *      redux 中就是拆分 reducer
 *
 * combineReducers
 *
 *      概念：
 *        组装多个 reducer 成一个 rootReducer 的函数
 *      语法：
 *        const rootReducer = combineReducers({
 *           key1: key1的Reducer,
 *           key2: key2的Reducer
 *        })
 *
 */

import ReactDOM from "react-dom/client";
import { Provider } from "react-redux";

import store from "./store";

import App from "./App";

const root = ReactDOM.createRoot(document.querySelector("#root")!);

root.render(
  <Provider store={store}>
    <App />
  </Provider>
);
